// <script>
//   //写数据
//   export default{
//     data () {
//       return {
//         msg:'上海'
//       }
//     }
//   }
// </script>

<script setup>
  import {ref} from 'vue';
  //调用ref函数，定义响应式数据
  const msg = ref('西安')

  //导入api.vue文件
  import ApiVue from './Api.vue'

  //导入Article.vue文件
  import ArticleVue from './Article.vue';
</script>


<template>
  <!-- html -->
  <!-- <h1>{{msg}}</h1>-->
  <div>
    npm init vue@latest<br>
    npm install axios<br>
    npm install element-plus --save<br>
  </div>

  <br>
  <!--<ApiVue/> -->
  <ArticleVue/>
</template>

<style scoped>
  h1{
    color: red;
  }
</style>
    